<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>个人信息</title>
    <style>
        body{
            background-color: #f1f1f1;
            margin: 10px 0 0 0;

        }
        .list{
            background-color: #ffffff;
            height: 40px;
            width: 100%;
            position: relative;
            text-align: center;
            border-bottom: 1px solid #bfbfbf4f;
            line-height: 40px;
        }
        .key {
            float: left;
            width: 45%;
            font-size: 16px;
            text-align: left;
        }
        .value {
            width: 95%;
            font-size: 16px;
            text-align: end;
        }

    </style>
    <script src="js/alert.js"></script>
</head>
<body>

<div style="background-color: #ffffff">
    <div style="margin: 0 2% 0 2%">
        <div class="list">
            <div class="key">姓名</div>
            <div id="name" class="value"></div>
        </div>
        <div class="list">
            <div class="key">会员卡号</div>
            <div id="code" class="value"></div>
        </div>
        <div class="list">
            <div class="key">性别</div>
            <div id="gender" class="value"></div>
        </div>
        <div class="list">
            <div class="key">生日</div>
            <div id="birthday" class="value"></div>
        </div>

        <div style="background-color: #f1f1f1;margin-top: 6px;padding-top: 10%;text-align: center;font-size: 14px">
            <div id="type" style="margin-bottom: 5%">当前VIP卡级别：</div>
            <div id="integral" style="padding-bottom: 2%;">有效积分：0</div>
        </div>
       <div class="list">
            <div class="key">专属服务门店</div>
            <div id="store" class="value"></div>
        </div>

        <div class="list">
            <div class="key">专属服务导购</div>
            <div class="value" id="emp"></div>
        </div>
    </div>

</div>

</body>
<script src="js/jquery.min.js"></script>
<script>
    $(document).ready(function () {
    $.ajax({
        "url": "/vip/getuser/",
        "type": "POST",
        "dataType": "json",
        "success": function (json) {
            var data = json.data;

            $("#name").html(data.name);
            $("#integral").html("有效积分："+data.integral);
            $("#type").html("当前VIP卡级别："+data.type);
            $("#code").html(data.phone);
            $("#gender").html(data.gender);
            var date = data.birthday;
            date = date.substring(0,4)+"-"+date.substring(4,6)+"-"+date.substring(6,8);
            $("#birthday").html(date);
            $("#store").html(data.store);
            $("#emp").html(data.emp);

        }
    })
});
</script>

</html>